<!DOCTYPE html>
<html lang="en">
<#assign ctx=request.getContextPath()>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <title>用户登录</title>
    <link rel="stylesheet" href="${ctx}/static/plugin/mdui/css/mdui.min.css">
    <link rel="stylesheet" href="${ctx}/static/css/login.css">
    <script src="${ctx}/static/plugin/jquery-3.3.1.min.js"></script>
    <script src="${ctx}/static/plugin/mdui/js/mdui.min.js"></script>
</head>
<body class="mdui-loaded mdui-theme-primary-teal mdui-theme-accent-teal">
<input name="ctx" id="ctx" value="${ctx}" hidden="hidden">
<div class="mdui-container">
    <div class="mc-login mdui-dialog mdui-dialog-open">
        <div class="mdui-dialog-title mdui-color-theme">QQ数据库查询系统</div>
        <form id="loginForm">
            <div class="mdui-textfield mdui-textfield-floating-label mdui-textfield-has-bottom mdui-textfield-not-empty">
                <label class="mdui-textfield-label">用户名</label>
                <input class="mdui-textfield-input" name="username" type="text" required="">
                <div class="mdui-textfield-error">用户名不能为空</div>
            </div>
            <div class="mdui-textfield mdui-textfield-floating-label mdui-textfield-has-bottom mdui-textfield-not-empty">
                <label class="mdui-textfield-label">密码</label>
                <input class="mdui-textfield-input" name="password" type="password" required="">
                <div class="mdui-textfield-error">密码不能为空</div>
            </div>
            <div class="actions mdui-clearfix">
                <a class="mdui-btn mdui-btn-raised mdui-ripple contact-option" href="${ctx}/register">注册</a>
                <button type="button" class="mdui-btn mdui-btn-raised mdui-color-theme-accent mdui-float-right login-button">登录</button>
            </div>
        </form>
    </div>
</div>
<script src="${ctx}/static/js/login.js"></script>
</body>
</html>